<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:p="http://primefaces.org/ui"
   template="/WEB-INF/templates/default.xhtml">
   <ui:define name="content">
      <h1>Cadastro!</h1>
      <p>Ai vai o cadastro</p>
	
      <h:form id="bv">
        
        Dinamica:
         
         <p:selectOneMenu id="comboPessoa" value="#{cadastroPessoaHandler.pessoaComboSelected}" effect="fade">  
            <f:selectItem itemLabel="Selecione" itemValue="-1" />  
            <f:selectItems value="#{cadastroPessoaHandler.pessoasCombo}" var="_pessoa" itemLabel="#{_pessoa.nome}" itemValue="#{_pessoa.id}" />  
        </p:selectOneMenu>
           
         <h2>Cadastro de pessoas</h2>
         <p:commandButton id="infoButton" value="Info" actionListener="#{cadastroPessoaHandler.addInfo}" immediate="true">
         	<f:param />
         </p:commandButton> 
         <table>
            <tr>
               <th style="text-align: right;">
                  <h:outputLabel for="nome" value="Nome:"/>
               </th>
               <td>
                  <h:inputText id="nome" value="#{cadastroPessoaHandler.nome}"  />
                  <h:message for="nome" errorClass="invalid"/>  
               </td>
            </tr>
            <tr>
               <th style="text-align: right;">
                  <h:outputLabel for="idade" value="Idade:"/>
               </th>
               <td>
                  <h:inputText id="idade" value="#{cadastroPessoaHandler.idade}"  />
                  <h:message for="idade" errorClass="invalid"  />
               </td>
            </tr>
         </table>
         <p>
            <p:commandButton id="cadastrarPessoa" ajax="false"  action="#{cadastroPessoaHandler.cadastrarPessoa}" value="Cadastrar" />
            	
            
            
  
            <h:outputText value=" Ok!" rendered="#{facesContext.postback and empty facesContext.messageList}" style="color: green;"/>
         </p>
         <h2>Cadastrados</h2>
         
      <p:dataTable id="tabelaPessoas" selectionMode="multiple" rowKey="#{_pessoa.id}" selection="#{cadastroPessoaHandler.selection}" paginatorPosition="bottom"  paginator="true" rows="5" var="_pessoa" value="#{cadastroPessoaHandler.pessoas}">
         <p:column>
            <f:facet name="header">Id</f:facet>
            #{_pessoa.id}
         </p:column>
         <p:column>
            <f:facet name="header">Nome</f:facet>
            #{_pessoa.nome}
         </p:column>
         <p:column>
            <f:facet name="header">Idade</f:facet>
            #{_pessoa.idade}
         </p:column>
         <p:column>
            <f:facet name="header">Ações</f:facet>
            	<h:commandButton id="removerPessoa" value="Remover" action="#{cadastroPessoaHandler.removerPessoa(_pessoa.id)}" >            		
            	</h:commandButton>            	
         </p:column>               
      </p:dataTable>
      <p:commandButton id="removerSelecionados" update="tabelaPessoas,comboPessoa" action="#{cadastroPessoaHandler.removerSelecionados}" value="Remover selecionados" />
            	
      </h:form>
   			      
   </ui:define>
</ui:composition>
